/**
 * 添加或修改商品图片信息
 * 
 * @param {}
 *            goodsPriceSizeId
 * @param {}
 *            title
 * @return {}
 */
function addOrUpdGoodsPic(id, title, goodsId) {
	var addOrUpdGoodsPicForm = new Ext.form.FormPanel({
		id : 'addOrUpdGoodsPicForm',
		frame : true,
		layout : "form",
		buttonAlign : 'center',
		monitorValid : true,
		bodyBorder : false,
		fileUpload : true,// 上传文件设置为true
		reader : new Ext.data.JsonReader({
					success : 'success',
					root : 'data'
				}, [{
							name : 'id'
						}, {
							name : 'goodsId'
						}, {
							name: 'goodsName'
						},{
							name : 'picName'
						}, {
							name : 'picPath'
						}, {
							name : 'picOrder'
						}, {
							name : 'isDelete'
						}, {
							name : 'createdDate'
						}, {
							name : 'createdName'
						}, {
							name : 'applySource'
						}]),

		items : [{
			layout : 'form',
			border : false,
			style : {
				"textAlign" : 'center'
			},
			items : [{
						xtype : 'hidden',
						name : 'id',
						value : id
					}, {
						id : 'goodsPicGoodsId',
						fieldLabel : "<span style='color:#F00'>*</span>商品名称",
						xtype : 'goodsCmb',
						allowBlank : true,
						hiddenName : 'goodsId',
						showValue : true,
						existall : false,
						defaultFirstRow : 1,
						statusArr : [0, 1]
					}, {
						id : "goodsPicApplySource",
						xtype : 'dataDictionaryCmb',
						hiddenName : 'applySource',
						autoLoad : true,
						fieldLabel : "<span style='color:#F00'>*</span>适用来源",
						allowBlank : false,
						editable : false,
						defaultFirstRow : '',
						blankText : '适用来源不能为空',
						dictionaryType : PmsUtil.applySource
					}, {
						xtype : 'textfield',
						anchor : '100%',
						fieldLabel : "<span style='color:#F00'>*</span>图片名",
						allowBlank : false,
						name : "picName"
					}, {
						id : 'goodsPicOrder',
						xtype : 'numberfield',
						anchor : '100%',
						fieldLabel : "<span style='color:#F00'>*</span>排序",
						allowBlank : false,
						blankText : '排序不能为空',
						allowDecimals : false,// 禁用小数
						allowNegative : false, // 禁用负数
						minValue : 1,
						name : "picOrder"
					}, {

						id : 'goodsPic_upload',
						fieldLabel : "<span style='color:#F00'>*</span>导入图片",
						name : 'upload',
						xtype : 'fileuploadfield',
						editable : false,
						buttonText : '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浏览&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;',
						blankText : "请选择您要导入的图片",
						anchor : '100%',
						border : false,
						listeners : {
							'fileselected' : function(field, value) {
								var uploadImage = Ext.getCmp("goodsPic_upload");
								var img_reg = /\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP][nN][gG]){1}$|\.([bB][mM][pP]){1}$/;
								// 得到选择的图片路径
								var url = 'file://' + uploadImage.getValue();
								if (img_reg.test(url)) {
									var imageShow_box = Ext
											.getCmp("goodsPic_image"); // 预览的图片框对象
									if (Ext.isIE) {
										var imageShow_box_dom = imageShow_box
												.getEl().dom;
										imageShow_box_dom.src = Ext.BLANK_IMAGE_URL;// 覆盖原来的图片
										imageShow_box_dom.filters
												.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;
									}// 支持FF
									else {
										var f = document
												.getElementById("goodsPic_upload-file").files[0];
										Ext.get('goodsPic_image').dom.src = window.URL
												.createObjectURL(f);
									}
								} else {
									Ext.MessageBox.show({
												title : "错误提示",
												msg : "必须为图片格式",
												buttons : Ext.MessageBox.OK,
												icon : Ext.MessageBox.ERROR
											});
								}

							}
						}

					}, {
						// 预览图片
						xtype : 'box',
						align : 'center',
						baseCls : "x-plain",
						id : 'goodsPic_image',
						autoEl : {
							width : 300,
							height : 200,
							tag : 'input',
							type : 'image',
							src : __ctxPath + "/images/monmonde.png",
							style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:160px;height:160px;',
							onclick : 'clickHandler()',
							complete : 'off'
						}
					}]
		}],

		buttons : [{
					text : '确定',
					formBind : true,
					handler : function() {
						addOrUpdGoodsPS();
					}
				}, {
					text : "取消",
					handler : function() {
						addOrUpdGoodsPicWindow.close();
					}
				}]
	});
	var addOrUpdGoodsPicWindow = new Ext.Window({
				id : 'addOrUpdGoodsPicWindow',
				closeAction : 'close',
				title : title,
				closable : true,
				plain : true,
				modal : true,
				width : 400,
				height : 330,
				draggable: false, // 不可拖动
				resizable:false,  // 不可调整
				buttonAlign : 'center',
				autoDestroy : true,
				layout : 'fit',
				items : [addOrUpdGoodsPicForm],
				listeners : {
					'show' : function() {
						selectGoodsPicUpdById(id);
					},
					'beforeshow' : function() {
						addOrUpdGoodsPicWindow.center();
					}
				}
			});
	return addOrUpdGoodsPicWindow;

};

/**
 * 图片点击事件
 */
function clickHandler() {
	var imageShow_box = Ext.getCmp("goodsPic_image");
	var goodsPicPath = imageShow_box.getEl().dom.src;
	window.open(goodsPicPath, '_blank');
}

/**
 * 查询商品图片信息
 * 
 * @param {}
 *            id
 */
function selectGoodsPicUpdById(id) {
	if (id != null && id != "undefined") {
		Ext.getCmp('goodsPicOrder').getEl().up('.x-form-item').setDisplayed(false);
		Ext.getCmp("addOrUpdGoodsPicForm").getForm().load({
			// deferredRender : false,
			url : __ctxPath + "/goodsManager/selectGoodsPicById",
			params : {
				id : id
			},
			method : "POST",
			waitTitle : "请稍候",
			waitMsg : "正在载入数据...",
			root : "data",
			success : function(form, action) {
				var data = action.result.data;
				// 设置商品名称
				if (data.goodsId != null) {
					var goodsCmb = Ext.getCmp("goodsPicGoodsId");
					goodsCmb.setValue(data.goodsId); // 隐藏的值
					goodsCmb.setRawValue(data.goodsName);// 显示的值
				}
				
				// 设置图片
				if (data.picPath) {
					Ext.getCmp('goodsPic_image').getEl().dom.src = data.picPath;
				}
				// 设置适用来源
				if (data.applySource) {
					var applySource = Ext.getCmp('goodsPicApplySource');
					applySource.setValue(data.applySource);
					applySource.setRawValue(PmsUtil.ApplySource(data.applySource));
				}
			},
			failure : function(f, g) {
				Ext.MessageBox.show({
							title : "操作信息",
							msg : "数据加载失败!",
							buttons : Ext.MessageBox.OK,
							icon : Ext.MessageBox.ERROR
						});
			}
		});
	}
}
/**
 * 添加或修改商品图片信息
 */
function addOrUpdGoodsPS() {
	var goodsPicForm = Ext.getCmp("addOrUpdGoodsPicForm");
	if (goodsPicForm.getForm().isValid()) {
		Ext.Msg.confirm("提示框", "确认要保存商品图片信息吗?", function(button) {
					if (button == "yes") {
						goodsPicForm.getForm().submit({
							url : __ctxPath + '/goodsManager/addOrUpdGoodsPic',
							waitTitle : "请稍候",
							waitMsg : "正在提交表单，请稍候......",
							failure : function(response, options) {
								var jsonData = Ext.util.JSON
										.decode(options.response.responseText);
								Ext.MessageBox.show({
											title : "错误提示",
											msg : jsonData.data,
											buttons : Ext.MessageBox.OK,
											icon : Ext.MessageBox.ERROR
										});
							},
							success : function(response, options) {
								Ext.getCmp('goodsPicOrder').getEl()
										.up('.x-form-item').setDisplayed(true);
								var jsonData = Ext.util.JSON
										.decode(options.response.responseText);
								Ext.MessageBox.show({
											title : "信息提示",
											msg : jsonData.data,
											buttons : Ext.MessageBox.OK,
											icon : Ext.MessageBox.INFO
										});
								Ext.getCmp("addOrUpdGoodsPicWindow").close();
								var gridPanel = Ext
										.getCmp('showGoodsPictureGrid');
								if (typeof(gridPanel) != 'undefined') {
									gridPanel.store.reload();
								}
							}
						});
					}
				});
	}
}